<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="shortcut icon" href="../favicon.ico" />
    <link rel="stylesheet" href="../css/main.css" />
    <script src="../js/resource.js"></script>
    <script src="../js/resource_module.js" type="module"></script>
</head>

<body>
    <div class="container">
        <div>
            <span>使用相对路径引入资源文件</span>
            <ul>
                <li>在文件系统中直接打开页面 -> 可以正确取得资源文件 （ resource_module.js 使用type="module"方式引入js文件，会报跨域错误。）</li>
                <li>使用live server打开页面 -> 可以正确取得资源文件</li>
                <li>使用webpack server打开页面 -> 可以正确取得资源文件</li>
                <li>使用webpack打包，到打包结果目录中，在文件系统中直接打开页面 -> 可以正确取得资源文件</li>
                <li>使用webpack打包，到打包结果目录中，使用live server打开页面 -> 可以正确取得资源文件</li>
            </ul>
        </div>
    </div>
</body>

</html>
